

$p-color: #2880c8;

$blue-color: rgb(35,156,211);
$green-color: rgb(28,181,135);
$red-color: rgb(240,103,107);
$yellow-color: rgb(252,205,47);
$main-body-border-color: rgb(227, 232, 238);
$main-body-background: #fff;
ul li {
  list-style: none;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}

.m-t-20 {
  margin-top: 20px;
}

.blue-color {
  color: $blue-color;
}
.red-color {
  color: $red-color;
}
.yellow-color {
  color: $yellow-color;
}
.green-color {
  color: $green-color;
}
.actived {
  color: $p-color;
}

.el-scrollbar__bar .is-horizontal {
 overflow-x: hidden;
}
.el-form-item {
  margin-bottom: 10px;
}
.drp-body {
  padding-top: 20px;
}

.dccform-line {
  .el-input__inner {
    border: 0!important;
  }
} 
.dccform-line.el-form-item {
  border-bottom: 1px solid #DCDFE6!important;
}

.dcc-word {
  color: rgb(37, 170, 216);
}
.dcc-ppt {
  color: rgb(225, 68, 44);
}
.dcc-excel {
  color: rgb(74, 175, 92);
}
.page-body {
  padding: 20px 50px;
  background-color: #fff;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 8px; /*滚动条宽度*/
  height: 8px; /*滚动条高度*/
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  visibility: hidden;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  // border-radius: 3px; /*滚动条的圆角*/
  // visibility: hidden;
  background-color: rgba($color: $p-color, $alpha: 0.3); /*滚动条的背景颜色*/
}
.main-body {
  // 查询区
  &-search {
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: $main-body-border-color;
    height: 40px;
    // margin-top: 10px;
  	background: $main-body-background;
  	border-radius: 4px;
    padding: 10px;
    vertical-align: middle;
    line-height: 1;
    text-align: left;
  }
  // 主表区
  &-table {
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: $main-body-border-color;
    margin-top: 10px;
    height: 100%;
    padding: 10px;
  	background: $main-body-background;
  	border-radius: 4px;
  	font-size: 14px;
  	position: relative;
  	transition: all .2s ease-in-out;
    &-page {
      text-align: right;
    }
  }
}
